<template>
  <div class="footer_container flex-top-left">
    <p>气象数据来源@</p>
    <a href="https://www.qweather.com" class="logo_rq">
      <img :src="logoUrls" alt="和风天气" srcset="" style="" />
    </a>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  name: "Footer",
  computed: {
    ...mapState(["logoUrls"]),
  },
};
</script>

<style scoped>
.footer_container {
  padding: 0.15rem 0;
}
.footer_container p {
  margin-right: 0.06rem;
  font-size: 0.12rem;
}
.footer_container .logo_rq {
  width: 0.6rem;
}
.footer_container .logo_rq img {
  width: 100%;
}
</style>